<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../libs/common.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <div class="reqHeader" style="height:97px;width:100%;">
        <!--引入header.html  -->
    </div>
    <main>

        <ul class="progress">
            <li><span>1</span>查看购物车<span>&gt;</span></li>
            <li><span>2</span>订单确认<span>&gt;</span></li>
            <li><span>3</span>订单支付<span>&gt;</span></li>
        </ul>
        <table>
            <thead>
                <tr>
                    <th></th>
                    <th>配送方式</th>
                    <th>商品信息</th>
                    <th>尺码/颜色</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td><input type="checkbox" class="checkAll"></td>
                    <td>快递方式</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </thead>
            <tbody>
                <!-- <tr>
                    <td class="checkBox"><input type="checkbox"></td>
                    <td>修改配送方式</td>
                    <td class="info">
                        <img src="https://www.uniqlo.cn/hmall/test/u0000000017363/sku/80/COL64.jpg" alt="">
                        <div>
                            <p>男装 牛仔修身衬衫(水洗产品)(长袖) 432043</p>
                            <p>支持30天无理由退换货</p>
                        </div>
                    </td>
                    <td>
                        <p>尺码：185/120C/XXXL</p>
                        <p>颜色：64 湖蓝色</p>
                    </td>
                    <td>
                        <p>¥199.00</p>
                        <p>初上市价格</p>
                        <p>¥199.00</p>
                    </td>
                    <td class="num">
                        <p>
                            <span>-</span>
                            <input type="text" value="1">
                            <span>+</span>
                        </p>
                    </td>
                    <td> ¥199.00</td>
                    <td class="option">
                        <p>移入收藏夹</p>
                        <p class="delBtn">删除</p>
                    </td>
                </tr>
                 -->
            </tbody>
        </table>
        <div class="line"></div>
        <div class="settlement">
            <ol>
                <li><input type="checkbox" class="allCheck"></li>
                <li>全选</li>
                <li class="delCheck">删除</li>
                <li>移入收藏夹</li>
            </ol>
            <div class="total">
                <p>总价（不含运费）<span>¥0.00</span></p>
                <span class="btn">立即结算</span>
            </div>
        </div>
    </main>
    <div class="reqFooter">
        <!--引入footer.html  -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.0/jquery.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>